<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<!doctype html>
<html class="no-js">
	<head>
		<%@include file="common/head.jspf"%>
	</head>
	<body>
		<%@include file="common/header.jspf"%>

		<div class="am-cf admin-main">
			<%@include file="common/sidebar.jspf"%>

			<!-- content start -->
			<div class="admin-content">
				<div class="admin-content-body">
					<div class="am-cf am-padding am-padding-bottom-0">
						<div class="am-fl am-cf">
							<strong class="am-text-primary am-text-lg">日志</strong>
						</div>
					</div>

					<hr>

					<div class="am-g">
						<div class="am-u-sm-12">
							<form class="am-form">
								<table
									class="am-table am-table-striped am-table-hover table-main" id="table">
									<thead>
										<tr>
											<th class="table-id">
												ID
											</th>
											<th class="table-title">
												车牌号
											</th>
											<th class="table-type">
												内容
											</th>
											<th class="table-author am-hide-sm-only">
												会员
											</th>
										</tr>
									</thead>
									<tbody></tbody>
								</table>
							</form>
						</div>

					</div>
				</div>
				<%@include file="common/footer.jspf"%>
			</div>
			<!-- content end -->
		</div>
				  
		<div id="operationHTML" style="display: none">
		    <div class="am-btn-toolbar">
		        <div class="am-btn-group am-btn-group-xs">
		            <button type="button" class="am-btn am-btn-default am-btn-xs am-text-secondary index" data-id="#id" data-type="edit"><span class="am-icon-pencil-square-o"></span> 编辑</button>
		            <%--<button type="button" class="am-btn am-btn-default am-btn-xs am-text-danger am-hide-sm-only index" data-id="#id" data-type="delete"><span class="am-icon-trash-o"></span> 删除</button>
		        --%></div>
		    </div>
		</div>
		<div class="am-modal am-modal-confirm" tabindex="-1" id="my-confirm">
		    <div class="am-modal-dialog">
		        <div class="am-modal-hd">Amaze UI</div>
		        <div class="am-modal-bd">
		            	你，确定要删除这条记录吗？
		        </div>
		        <div class="am-modal-footer">
		            <span class="am-modal-btn" data-am-modal-cancel>取消</span>
		            <span class="am-modal-btn" data-am-modal-confirm>确定</span>
		        </div>
		    </div>
		</div>
		<script type="text/javascript">
			$(function(){
				var table = $("#table").dataTable({
			        ajax: '/admin/getLogList',
			        columnDefs: [{
			                targets: 0,
			                data: function (data, type, set, meta) {
			                    return data.id;
			                }
			            }, {
			                targets: 1,
			                data: function (data, type, set, meta) {
			                    return data.carNo;
			                }
			            }, {
			                targets: 2,
			                data: function (data, type, set, meta) {
			                    return data.describe;
			                }
			            }, {
			                targets: 3,
			                data: function (data, type, set, meta) {
			                    return data.user;
			                }
			            }],
			        order: [],
			        dom: 'rtip',
			        drawCallback: function () {
			            
			        }
			    });
			    $("#other").addClass("am-in");
			});
		</script>
	</body>
</html>

